<template>
	<div class="infoPage">
		<div class="top_fixed">
			<van-icon name="arrow-left"  @click="backToOrder"/>
		</div>
		<div class="info">
			<div class="info_inner">
				<div class="info_content">
					<p>姓名</p>
					<p>KimB</p>
				</div>
				<div class="info_content">
					<p>手机号</p>
					<p>176236455566</p>
				</div>
				<div class="info_content">
					<p>
						性别
					</p>
					<input type="text" placeholder="请输入" />
				</div>
				<div class="info_content">
					<p>
						生日
					</p>
					<input type="text" placeholder="请输入" />
				</div>
				
			</div>
		</div>
		
		<div class="submit_btn">
			<p>保存</p>
		</div>
	</div>
</template>

<script>
	export default{
		name:'infoPage',
		data(){
			return{
				
			}
		},
		methods:{
			backToOrder(){
				this.$router.go(-1)
			}
		}
	}
</script>

<style scoped>
	.infoPage{
		background-color: #f7f7f7;
		width: 375px;
		height: 667px;
		position: relative;
	}
	.top_fixed{
		position: fixed;
		top: 0;
		z-index: 10;
		width: 375px;
		height: 50px;
		background-color: #e91f3c;
		color: white;
	}

	.top_fixed .van-icon{
		
		display: block;
		width: 25px;
		height: 25px;
		margin-top: 18px;
	}
	.info{ 
		width: 375px;
		height: 240px;
		background-color: white;
		position: absolute;
		top: 40px;
	}
	.info_inner{
		margin: 10px;
	}
	.info_content{
		display: flex;
		justify-content: space-between;
		margin: 5px;
		border-bottom: 1px solid #d4d4d4;
	}
	.info_content input{
		width: 100px;
		height: 20px;
		margin-top: 20px;
		border: 0px;
	}
	.submit_btn{
		position: absolute;
		top: 300px;
		width: 355px;
		margin: 10px;
		height: 40px;
		font-size: 20px;
		background-color: #e91f3c;
		line-height: 0px;
		color: white;
		border-radius: 15px;
	}
</style>
